// 主题颜色
@primary-color: #1677ff;
@link-color: #1677ff;
@success-color: #52c41a;
@warning-color: #faad14;
@error-color: #f5222d;

// 文本颜色
@text-color: rgba(0, 0, 0, 0.88);
@text-color-secondary: rgba(0, 0, 0, 0.65);
@disabled-color: rgba(0, 0, 0, 0.25);

// 背景颜色
@background-color-light: #f5f5f5;
@background-color-base: #f0f0f0;

// 边框颜色
@border-color-base: #d9d9d9;
@border-color-split: #f0f0f0;

// 盒子阴影
@box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
  0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
@box-shadow-card: 0 1px 2px -2px rgba(0, 0, 0, 0.16),
  0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);

// 过渡效果
@transition-ease: all 0.3s ease;

// 卡片悬浮效果
.card-hover() {
  transition: @transition-ease;
  &:hover {
    transform: translateY(-5px);
    box-shadow: @box-shadow-card;
  }
}
